<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Vue 实例</title>
    <script src="../jslib/Vue.js"></script>

</head>
<body>
    <div id="example">

    </div>





    <script>
        // 我们的数据对象
        var data = { a: 1 }
        var data1 = {b: 2}
        var vm = new Vue({
            el: '#example',
            data: data,
            created: function () {
                console.log('vue object is created')
            }
        })

        //除了数据属性，Vue 实例还暴露了一些有用的实例属性与方法。它们都有前缀 $，以便与用户定义的属性区分开来
        vm.$data = data1

    </script>
</body>
</html>